<div>
	<div class="panel panel-primary text-center">
		<div class="panel-heading">
			<span class="main-title"><span class="glyphicon glyphicon-search"></span> {{'sinisterSearch' | translate}}</span>
		</div>
	</div>
	<form name="form" class="form-horizontal" ng-model="sinisterSearchAction" ng-init="sinisterSearchAction={}">

		<div class="panel panel-info">
			<div class="panel-heading">{{'personalData' | translate}}</div>
			<div class="panel-body">
				<div class="form-group">
					<label class="col-sm-2 control-label" translate="Person.idCardNumber"></label>
					<div class="col-sm-3">
						<input name="sinisterSearchAction.insuredIdCard" type="text" class="form-control" ng-model="sinisterSearchAction.insuredIdCard">
					</div>
				</div>
				<div class="form-group">
					<label class="col-sm-2 control-label" translate="Person.name"></label>
					<div class="col-sm-3">
						<input name="sinisterSearchAction.insuredName" type="text" class="form-control" ng-model="sinisterSearchAction.insuredName">
					</div>
					<label class="col-sm-offset-1  col-sm-2 control-label" translate="Person.surname"></label>
					<div class="col-sm-3">
						<input name="sinisterSearchAction.surname" type="text" class="form-control" ng-model="sinisterSearchAction.surname">
					</div>
				</div>
			</div>
		</div>

		<div class="panel panel-info">
			<div class="panel-heading">{{'sinisterData' | translate}}</div>
			<div class="panel-body">
				<div class="form-group">
					<label class="col-sm-2 control-label" translate="number"></label>
					<div class="col-sm-3">
						<input name="sinisterSearchAction.sinisterNumber" type="text" class="form-control" ng-model="sinisterSearchAction.sinisterNumber">
					</div>
					<label class="col-sm-offset-1 col-sm-2 control-label" translate="status"></label>
					<div class="col-sm-3">
						<div state-list ng-model="sinisterSearchAction.state"></div>
					</div>
				</div>
				<div class="form-group">
					<label class="col-sm-2 control-label" translate="Policy.agreement"></label>
					<div class="col-sm-4">
						<div agreement-list ng-model="sinisterSearchAction.agreementIds"></div>
					</div>
					<label class="col-sm-2 control-label" translate="warranty"></label>
					<div class="col-sm-4">
						<div warranty-list ng-model="sinisterSearchAction.warrantyTypeIds"></div>
					</div>
				</div>
				<div class="center top-10">
					<button class="btn btn-primary" ng-click="search()">{{'search' | translate}}</button>
					<button class="btn btn-warning" ng-click="clear()">{{'clear' | translate}}</button>
				</div>
			</div>
		</div>
	</form>

	<div>
		<div class="top-10">
			<div search-result-list ng-model="searchResults"></div>
		</div>
	</div>

</div>